<!DOCTYPE html>
<html>
	</head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>Test structure HTML</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="description" content="">
		<meta name="author" content="">

		<!-- Le styles -->
		<link href="./css/bootstrap.css" rel="stylesheet">
		<style type="text/css">
		  body {
			padding-top: 60px;
			padding-bottom: 40px;
		  }
		</style>
		<link href="./css/bootstrap-responsive.css" rel="stylesheet">

		<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
		<!--[if lt IE 9]>
		  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
		<![endif]-->
	</head>
	<body>
		<div class="navbar navbar-fixed-top">
		  <div class="navbar-inner">
			<div class="container">
				<a class="brand" href="#">
					BDE Management
				</a>
				<ul class="nav">
				<li >
					<a href="#">Rechercher</a>
				</li>
				<li><a href="#">Profil</a></li>
				<li class="dropdown active">
					<a href="#"
						  class="dropdown-toggle" data-toggle="dropdown">
						  Associations
						  <b class="caret"></b>
					</a>
					<ul class="dropdown-menu">
					  <li><a href="#">Festupic</a></li>
					  <li><a href="#">USEC</a></li>
					</ul>
				</li>
				</ul>
				<div class="pull-right btn-group">
					<a class="btn dropdown-toggle" data-toggle="dropdown">
					<i class="icon-user"></i>
					Jean Bono
					<span class="caret"></span>
					</a>
					<ul class="dropdown-menu">
					  <li><a href="#">Déconnexion</a></li>
					</ul>
				</div>
			</div>
		  </div>
		</div>
		
		<div class="container-fluid">
			
		
				<div class="span2">
				<!--Sidebar content-->
				<ul class="nav nav-list">
					<li><a href="mailto:festupic@mail.com">Ecrire un e-mail</a></li>
					<li class="divider"></li>
					<li class="nav-header">Membre</li>
					<li>
						<a>Nouvelle réservation</a>
					</li>
					<li>
						<a>Ajouter un rapport</a>
					</li>
					<li class="nav-header">Bureau</li>
					<li>
						<a>Ajouter un objet</a>
					</li>
				</ul>
				</div>
				<div class="span10">
				<!--Body content-->
					<div class="row-fluid">
						<h1 class ="span4" >Festupic</h1>
						<dl class="span4">
							<dt>Association active</dt>
							<dd>Oui</dd>
							<dt>Date de création</dt>
							<dd>1 Jan 1992</dd>
							<dt>Solde du compte</dt>
							<dd>15000€</dd>
							<dt></dt>
							<dd></dd>
						</dl>
						<div class="span3 offset1 pull-right">
							<img src="./img/logo/logofestupic.jpg" />
						</div>
					</div>
					<div class="row-fluid">
							<h2>Salles</h2>
							<h3>Permanentes</h3>
								<ul class="unstyled">
									<li>FC101</li>
									<li>Local PAE</li>
								</ul>
							<h3>Réservations</h3>
							<table class="table table-striped">
								<thead>
									<tr>
									  <th>#</th>
									  <th>Nom</th>
									  <th>Fonction</th>
									  <th>Début</th>
									  <th>Fin</th>
									</tr>
								  </thead>
								  <tbody>
									<tr>
									  <td>15</td>
									  <td>FA205</td>
									  <td>AG semestre P12</td>
									  <td>25 Fev. 2012 18:30</td>
									  <td>25 Fev. 2012 22:00</td>
									</tr>
									<tr>
									  <td>23</td>
									  <td>FA205</td>
									  <td>Réunion soirée Rouge et Noir</td>
									  <td>19 Mar. 2012 19:30</td>
									  <td>19 Mar. 2012 21:00</td>
									</tr>
								  </tbody>
							</table>
						<h2>Objets</h2>
							<table class="table table-striped">
								<thead>
									<tr>
									  <th>Nom</th>
									  <th>Quantite</th>
									  <th>Date HS</th>
									  <th>Responsable</th>
									  <th>Lieu de stockage</th>
									  <th></th>
									  <th></th>
									</tr>
								  </thead>
								  <tbody>
									<tr>
									  <td>Pot de peinture rouge</td>
									  <td>2</td>
									  <td>-</td>
									  <td>Mehdi Cament</td>
									  <td>Local PAE</td>
									  <td><a href="#"><i class="icon-remove"></i></a></td>
									  <td><a href="#"><i class="icon-pencil"></i></a></td>
									</tr>
									<tr>
									  <td>Marmite 10L</td>
									  <td>1</td>
									  <td>-</td>
									  <td>Lea Ricot</td>
									  <td>Pic</td>
									  <td><a href="#"><i class="icon-remove"></i></a></td>
									  <td><a href="#"><i class="icon-pencil"></i></a></td>
									</tr>
								  </tbody>
							</table>
						<h2>Rapports</h2>
						<table class="table table-striped">
								<thead>
									<tr>
									  <th>Titre</th>
									  <th>Date</th>
									  <th>Auteur</th>
									  <th></th>
									  <th></th>
									</tr>
								  </thead>
								  <tbody>
									<tr>
									  <td><a href="#">Passation A11</a></td>
									  <td>15 Jan 2012</td>
									  <td>Marcelle Decheval</td>
									  <td><a href="#"><i class="icon-remove"></i></a></td>
									  <td><a href="#"><i class="icon-pencil"></i></a></td>
									</tr>
									<tr>
									  <td><a href="#">Plaquette sponso 2010</a></td>
									  <td>22 Dec 2009</td>
									  <td>Léa Ricot</td>
									  <td><a href="#"><i class="icon-remove"></i></a></td>
									  <td><a href="#"><i class="icon-pencil"></i></a></td>
									</tr>
								  </tbody>
							</table>
						</div>
				</div>
				
		
			
			
			
		</div><!-- /container -->
		
		<!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
    <script src="./js/jquery.js"></script>
    <script src="./js/google-code-prettify/prettify.js"></script>
    <script src="./js/bootstrap-transition.js"></script>
    <script src="./js/bootstrap-alert.js"></script>
    <script src="./js/bootstrap-modal.js"></script>
    <script src="./js/bootstrap-dropdown.js"></script>
    <script src="./js/bootstrap-scrollspy.js"></script>
    <script src="./js/bootstrap-tab.js"></script>
    <script src="./js/bootstrap-tooltip.js"></script>
    <script src="./js/bootstrap-popover.js"></script>
    <script src="./js/bootstrap-button.js"></script>
    <script src="./js/bootstrap-collapse.js"></script>
    <script src="./js/bootstrap-carousel.js"></script>
    <script src="./js/bootstrap-typeahead.js"></script>
    <script src="./js/application.js"></script>
	
	</body>
</html>